$backcolor:#efefef;
$white:#fff;
$red:#f36565;
$green:#0ab667;
$greentext:#3FC687;
$font:#666;

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1473054808_5883915.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1473054808_5883915.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1473054808_5883915.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1473054808_5883915.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1473054808_5883915.svg#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont{font-family:"iconfont";
font-size:16px;font-style:normal;}

.pt20{
	padding-top: 20px;
}
.m0{
  margin:0 !important;
}
.mb0{
	margin-bottom:0;
}
.mt1{
	margin-top:1px;
}
.border-none{
  border: none;
}
.pr0{
  padding-left: 0px;
}
.pl5{
  padding-left: 5px !important;
}
.pr5{
  padding-right: 5px!important;
}
.ml5{
  margin-left: 5px;
}
.ml20{
  margin-left: 20px;
}
.mr20{
  margin-right: 20px;
}
.data-div{
  padding:5px;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.noplpr{
  padding-left:0;
  padding-right:0;
}
//头部年月日样式
.data-topbar{
  margin:10px 0;
  .group-body{
    padding:0;
  }
  .data-year{
    text-align: center;
    color: $font;
    div{
      padding:5px 0;
      height: 35px;
    }
     .active{
        color: #5B9AE3;
        border-bottom: 2px solid #5B9AE3;
    }
  }
}
//一行三列三种色用的样式
.three-left{
  background-color: #4A90E2;
}
.three-center{
  background-color: #F59723;
}
.three-right{
  background-color: #25BB99;
}
.three-group{
  margin:10px 0;
  text-align: center;
  color: $white;
  .group-body{
    padding:0;
    background: none;
    .three-div{
      padding: 10px;
    }
  }
}
.font-size-14{
  font-size: 14px;
}
.font-size-18{
  font-size: 18px;
}

//脚步数据
.three-footer{
  .group-body{
    padding: 0;
    background: #F5F5F5;
  }
  .footer-top{
    padding: 0.6rem 0;
    background: none;
  }
  .footer-body{
    padding: 0.6rem 0;
    background: $white;
  }
  .footer-center{
    padding: 0.6rem 0;
    background: #FAFAFA;
  }
}
//带颜色的圆点
.point{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  margin-right:10px;
}
.foot-font-left{
  text-align: left;
 padding-left: 20px !important;
}